*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html,body,h1,h2,h3,h4,h5,h6,ul,ol,li,p,form,dl,dt,dd,figure{margin:0; padding:0; border:0;}
body{line-height:1.6em; font-family:Helvetica, Arial, sans-serif; color:#2a333c;}
a{margin:0 2px; color:#c15a5b; text-decoration:none;}
a:hover{text-decoration:underline;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{margin:0;}
img{border:0;}
input,textarea{resize:none;}

header{font-size:80%;}
header h1 .minor{color:#000000; font-weight:normal;}
header .additional{font-size:90%; color:#2a333c;}

.main{position:relative; zoom:1; width:75%; padding:2em 3em;}
aside{position:fixed; left:73%; top:0; right:0; height:100%; overflow:hidden; padding:2em 3em; background:#2a333c; box-shadow:5px 0 5px RGB(255,255,255.1) inset; font-size:75%;}
aside h2{margin:1em 0;}
aside .feed-link{margin-left:0.5em;}
aside nav ul{list-style:none; line-height:1.5em;}
aside nav li:before{content:"> "; font:normal 80%/1em "宋体"; margin:0 .3em; color: #999;}
aside .block{max-width:300px; margin:1.5em 0; line-height:1.5em;}
aside .block h3{margin:.5em 0;color:#ffffff;}
aside .block a{margin:0px;}
aside .block-about p{margin:0.5em 0; color:#999;}
aside .block-about figure img{border-radius:2px;}
aside .block-about figcaption{margin:0.2em 0;}
aside .block-about figcaption:after{content:'<mxh403@gmail.com>'; padding-left:.5em; color: #bbb; font-weight:bold; opacity: 0; transition:opacity .5s; -moz-transition:opacity .5s; -webkit-transition:opacity .5s;}
aside .block-about:hover figcaption:after{opacity: 1;}
aside .block-fork{position: absolute; top:0; right:0; margin: 0;}

footer p{color:#aaa; font-size:75%; line-height:1.6em;}

/* post page */
.page-type-post article>h1:first-child{margin-bottom:0;}
.page-type-post article .permalink{font:italic 85%/1.6em Arial, Helvetica, sans-serif; color:#999;}

.page-type-list article h2{margin-bottom:0;}

.trace{font-size:80%; color:#999;}

article{margin:2em 0;font-size:90%;}
article>h1:first-child{margin:0;}
article h1,
article h2,
article h3,
article h4,
article h5,
article h6,
article p{margin:.8em 0;}
article h1{font-size:1.6em;}
article h2{font-size:1.4em;}
article p{}
article ul,
article ol{padding-left:2em;}
article dl{margin:.5em .8em;}
article dl dd{margin-left:2em;}
article dl dd>ul,
article dl dd>ol{padding-left:1em;}
article pre{width:100%; overflow-x:auto; line-height:1.6em; border:1px solid #ccc; background:#F8F8FF; font-size:85%;}
article code{margin:auto 1px; padding:auto 2px; background:#f8f8f8; line-height:1.8em; font-family:"Inconsolata", "Monaco", "Consolas", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;}
article table{border-collapse:collapse;}
article th,article td{padding:0 10px; border:1px solid #ccc; font-size:85%;}
article th{background:#eee; text-align:left;}
article td{background:#fff;}
article table a{margin:0;}
article blockquote{line-height:1.6em; margin:1em 0 1em 1.5em; border-left:2px solid #eee; padding-left:1em; font-size:90%;}

article .meta, section .meta{line-height:1.6em; font-size:80%; margin:0.5em 0 2em 0; color:#999;}
article .meta:last-child{margin-bottom:0;}
article .gist .gist-file .gist-meta{padding:0 .5em;}
article .gist,
article .gist pre{line-height: normal;}
article .gist th,
article .gist td{font-size: 100%;}
article .gist .line_numbers{font-size: 85%;}

/* category */
article a.diary, section a.diary,
.diary a {background: #eaf2d3;}
article a.program, section a.program,
.program a {color: #6495ed !important;}
article a.accumulation, section a.accumulation,
.accumulation a {color: #073fa3 !important;}
article a.personal, section a.personal,
.personal a {color: #b0c4de !important;}
article a.another, section a.another,
.another a {color: #b0929f !important;}
article .default {color: #d24d57 !important;}
article .program1 {color: #9d2933 !important;}
article .program1 {color: #2c3e50 !important;}

/* tags */
.tag_hide {display: none}
.tag_show {display: block}

nav i, .tags_list i {
    margin-right: 4px;
    color: #fff;
}
.meta i{
    color: #2a333c;
}
.tag_box a span, nav a span, .tags_list a span {
    vertical-align: super;
    font-size: .8em;
}
.tags_list a span {
    vertical-align: super;
    font-size: .8em;
}

/* search */
#search-input {
    width: 80%;
    height: 20px;
    color: #333;
    background-color: rgba(227, 231, 236, .2);
    line-height: 20px;
    padding: 0px 16px;
    border: 1px solid #c0c0c0;
    font-size: 14px;
    font-weight: bold;
    border-radius: 1px;
    outline: none;
    box-sizing: border-box;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

#search-input:focus {
    outline: none;
    border-color: rgb(102, 175, 233);
    background-color: #fff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #007fff;
}


/* list */
ul li {list-style-type:none;}
section h2 {
    margin: 28px 0;
    font-style: italic;
}
section h3 {
    margin: 18px 0;
}

#disqus_thread{clear:both; margin:3em 0; font-size:80%;}
#disqus_thread a{padding-right:0; background:none;}

#cse{margin:2em 0; line-height:normal;}
#cse *{box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;}
#cse a{margin:0;}
#cse .gsc-control-cse{padding:0;}
#cse .gsc-input{vertical-align:top;}
#cse .gsc-result .gs-title{height:auto;}
#cse .gsc-search-button{margin:0;}
#cse .gcsc-branding-clickable{padding:0; background:none;}
#cse .gsc-result-info{padding:0;}
#cse .gsc-results{width:auto; border:none;}
#cse .gs-result>*{padding:0;}
#cse .gsc-cursor-box{margin:1em 0;}
#cse .gs-no-results-result .gs-snippet{margin:0; border:none; background:none;}


